<template>
  <div id="Team">
    <van-search v-model="searchText" placeholder="搜索队伍"  @search="onSearch" />
    <team-card-list :teamList="teamList"/>
    <van-empty v-if="!teamList || teamList.length < 1" description="搜索数据为空" />
  </div>
</template>

<script setup lang="ts">
import { onMounted,ref } from "vue";
import { useRouter } from "vue-router"
import { showToast } from 'vant';
import axiosUrl from "../plugins/myAxios";
import TeamCardList from "../components/TeamCardList.vue"

const router = useRouter();
const searchText = ref('');

const teamList = ref([]);

//搜索队伍
const listTeam = async (val = '') => {
  const res = await axiosUrl.get("/team/list/my/join",{
    params: {
      searchText:val,
      pageNum:1
    }
  });
  if(res?.code === 0) {
    teamList.value = res.data;
  } else {
    showToast('加载队伍失败,请刷新重试');
  }
}

//页面挂载时触发 只触发一次
onMounted( () => {
  listTeam();
})

const onSearch = (val) => {
  listTeam(val);
};


</script>

<style>

</style>